<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>评价记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/public-students.css">
    <script src="../common/jquery-1.10.2.min.js"></script>
    <script src="../common/common.js"></script>
    <script src="../common/echarts.common.min.js"></script>
</head>
<body>
<div class="chengji-box" style="background: #FFFFFF">
    <div class="chengji-box-el-t">
        <ul>
            <li class="chengji-box-el-li" style="border-right: 1px solid #eeeeee">
                <em></em>
                素描
            </li>
            <li class="chengji-box-el-li"  style="border-right: 1px solid #eeeeee">
                <em></em>
                色彩
            </li>
            <li class="chengji-box-el-li" >
                <em></em>
                速写
            </li>
            <li class="chengji-box-el-li" >
                <em></em>
                设计
            </li>
        </ul>
    </div>
    <div class="chengji-title-body">
        <div class="chengji-title-body-chl">
            <div>
                <span>素描</span>
                <span class="text-right text-right-el">老师姓名 2018-09-02</span>
            </div>
            <div class="chengji-title-body-text">
                <div class="chengji-title-body-tt">素描评价内容补充，素描评价内容补充，素描评价内容补充，素描评价内容补充。</div>
            </div>
        </div>
        <div class="chengji-title-body-chl">
            <div>
                <span>素描</span>
                <span class="text-right text-right-el">老师姓名 2018-09-02</span>
            </div>
            <div class="chengji-title-body-text">
                <div class="chengji-title-body-tt">素描评价内容补充，素描评价内容补充，素描评价内容补充，素描评价内容补充。</div>
            </div>
        </div>
        <div class="chengji-title-body-chl">
            <div>
                <span>素描</span>
                <span class="text-right text-right-el">老师姓名 2018-09-02</span>
            </div>
            <div class="chengji-title-body-text">
                <div class="chengji-title-body-tt">素描评价内容补充，素描评价内容补充，素描评价内容补充，素描评价内容补充。</div>
            </div>
        </div>
        <div class="chengji-title-body-chl">
            <div>
                <span>素描</span>
                <span class="text-right text-right-el">老师姓名 2018-09-02</span>
            </div>
            <div class="chengji-title-body-text">
                <div class="chengji-title-body-tt">素描评价内容补充，素描评价内容补充，素描评价内容补充，素描评价内容补充。</div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $('.chengji-box-el-li').eq(0).find('em').addClass('sele_cur');
    $('.chengji-title-ul li').eq(0).find('span').addClass('cul');
    $(function(){
        $('body').on('click','.chengji-box-el-li',function(){
            $(this).find('em').addClass('sele_cur').parents('li').siblings().find('em').removeClass('sele_cur');
        });
        $('body').on('click','.chengji-title-ul li',function(){
            $(this).find('span').addClass('cul').parents('li').siblings().find('span').removeClass('cul');
        })
    });
</script>
</body>
</html>
